@charset "UTF-8";
body,div,a{
    margin:0px;
    padding:0px;
}

a{
    text-decoration:none;
    color:#666;
}

a:hover{
    text-decoration:underline;
    color:#E4393C;
}

html,body{
    font:12px/150% Arial,Verdana;
}

.article{
    /*border:1px #bdbdbd solid;*/
    height:567px;
    margin-top:0px;
}

.content {

    border:1px #bdbdbd solid;
    /* 下面 3 行代码设置涂满整个屏幕 */
    height: 100%;
    width: 100%;
    position: absolute;

    /* 下面 3 行代码设置子元素横竖均居中 */
    display: flex;
    /*display: -webkit-flex;*/
    /* 设置水平居中 */
    justify-content: center;
    /* 设置垂直居中 */
    align-items: center;

    background:url("../images/background.png") no-repeat;
    background-size:cover;
}

#checkboxBtn{
    margin: 10px;
}

.sexSpan{
    font:12px/150% Arial,Verdana;
    font-size: 20px;
}

.article .box{
    border:1px #bdbdbd solid;
    width:323px;
    background-color:#fff;
    margin:25px auto;
    padding:10px;
    position:relative;
    top:-15px;
    border:1px #bdbdbd solid;
}

.register{
    margin-top:2px;
    font-size:15px;
    padding-left:5px;
}

.register h2 a{

    color:#b61d1d;
    background:url("../images/register.png") no-repeat;
    padding-left:20px;
    float:right;

}

.box .item{
    border:1px solid #bdbdbd;
    height:35px;
    margin:20px auto;
}

.box .item input{
    height:33px;
    width:298px;
    border:0 none;
}

#checkcodeId{
    position: relative;
    top: -10px;
}

.button  input{
    height:33px;
    color:#FFF;
    background:#e4393c;
    width:290px;
    text-align:center;
    margin:0 auto;
}


.button  input:hover{
    transform:scale(1.02,1.02);
}

.footer{
    margin-top:30px;
    text-align:center;
}